var table = layui.table

// 第一个实例
var tableIns = table.render({
    elem: '#roleList'
    , url: '/role/list'
    , page: true
    , parseData: function (res) { //res 即为原始返回的数据
        return {
            "code": res.code, //解析接口状态
            "msg": res.msg, //解析提示文本
            "count": res.data.count, //解析数据长度
            "data": res.data.records //解析数据列表
        };
    }
    , cols: [[
        {field: 'roleName', title: '角色名称'}
        , {field: 'createTime', title: '创建时间'}
        , {title: '操作', toolbar: '#barDemo'}
    ]]
});
// 按条件查询
function query() {
    tableIns.reload({
        where: { //设定异步数据接口的额外参数，任意设
            realName: $("#realName").val()
            , phone: $("#phone").val()
            //…
        }
        , page: {
            curr: 1 //重新从第 1 页开始
        }
    });

}